<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>href="#"与href="javascript:void(0)"的区别</title>
    <!-- # 包含了一个位置信息，默认的锚是#top 也就是网页的上端。 -->
    <!-- 而javascript:void(0), 仅仅表示一个死链接。 -->
    <!-- 在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。 -->
</head>

<!-- 如果你要定义一个死链接请使用 javascript:void(0) 。 -->

<body>
    <p>点击以下链接查看不同效果：</p>
    <a href="javascript:void(0);">点我没有反应的!</a>
    <br />
    <a href="#pos">点我定位到指定位置!</a>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <p id="pos">尾部定位点</p>
</body>

</html>